@font-face {
	font-family: 'TradeGothicLTStd-BdCn20';
	src: url('../fonts/TradeGothicLTStd-BdCn20.eot');
	src: local('TradeGothicLTStd-BdCn20 Regular'), local('fontName'), url('../fonts/TradeGothicLTStd-BdCn20.woff') format('woff'), url('../fonts/TradeGothicLTStd-BdCn20.hxd') format('truetype'), url('../fonts/TradeGothicLTStd-BdCn20.svg') format('svg');
}
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}
html, body, div, span, p, a, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
html, body, input, button {
	font-size: 14px;
	line-height: 1.5;
	font-family: "Microsoft YaHei", "微软雅黑light","Helvetica Neue", "Helvetica", "Arial", sans-serif;
	color: #333;
}
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
ul {
	list-style: none
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
}
h1, .h1 {
	font-size: 36px;
}
h2, .h2 {
	font-size: 30px;
}
h3, .h3 {
	font-size: 24px;
}
h4, .h4 {
	font-size: 18px;
}
h5, .h5 {
	font-size: 14px;
}
h6, .h6 {
	font-size: 12px;
}
p {
	margin: 0 0 10px;
}
small {
	font-size: 60%;
}
a {
	text-decoration: none;
	outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
img {
	vertical-align: middle;
	border: 0;
}
a {
	color: #333;
}
a:hover {
	color: #999;
}
a.notAllow{
	cursor: not-allowed;
}
/*header*/
header {
	position: absolute;
	width: 100%;
	background: #333333;
	z-index: 999;
}
@media all and (max-width: 720px){
	header {
		opacity: 1;
	}
}
.header-nav {
	width: 100%;
}
.logo {
	display: inherit;
	width: 128px;
	height: 25px;
	float: left;
	margin: 13px 5em 12px 20px;
}
.header-nav a {
	color: #fff;
}
.header-nav a:hover {
	color: #999;
}
.i-l {
	margin-left: 5px;
}
.auto-header .header-nav ul {
	width: 100%;
	display: none;
}
.auto-header .nav-trigger {
	float: right;
	margin-top: 28px;
	margin-right: 20px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 100%;
	font-size: 1.2rem;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
}
.auto-header .nav-trigger span {
	display: table-cell;
	vertical-align: middle;
}
.auto-header .nav-trigger em, .auto-header .nav-trigger em::after, .auto-header .nav-trigger em::before {
	display: block;
	position: relative;
	height: 2px;
	width: 22px;
	background-color: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.auto-header .nav-trigger em {
	margin: 6px auto 14px;
	-webkit-transition: background-color .2s;
	transition: background-color .2s;
}
.auto-header .nav-trigger em::before, .auto-header .nav-trigger em::after {
	position: absolute;
	content: '';
	left: 0;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
}
.auto-header .nav-trigger em::before {
	-webkit-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	transform: translateY(-6px);
}
.auto-header .nav-trigger em::after {
	-webkit-transform: translateY(6px);
	-ms-transform: translateY(6px);
	transform: translateY(6px);
}
.auto-header.nav-open .nav-trigger em {
	background-color: rgba(255, 255, 255, 0);
}
.auto-header.nav-open .nav-trigger em::before {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.auto-header.nav-open .nav-trigger em::after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.nav-open .header-nav ul {
	display: block;
}
.auto-header .header-nav ul li {
	position: relative;
	float: left;
	width: 100%;
}
.auto-header .header-nav ul li a {
	display: block;
	float: left;
	width: 100%;
	padding: 1em 5%;
	margin: 0;
	text-align: left;
	color: #fff;
	border-top: 1px solid #383838;
	text-decoration: none;
}
.nav-menu .nav-ling {
	display: none;
}
.nav-open .header-nav .nav-submenu-ul {
	display: none;
}
.nav-open .header-nav .nav-submenu-ul li {
	text-indent: 10px;
}
.auto-header .nav-menu .menu-more {
	display: block;
	margin-top: 1px;
	width: 49px;
	height: 49px;
	line-height: 26px;
	padding: 12px;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	border: none !important;
	border-left: 1px solid #383838 !important;
}
.auto-header .nav-menu .menu-more {
	background: #444;
}
.auto-header .nav-menu .menu-more:hover {
	background: #000;
}
.auto-header .nav-menu .menu-more::before {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.auto-header .nav-menu .menu-more::after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media (min-width: 768px) {
header {
	position: relative;
	width: 100%;
	z-index: 999;
	background: -webkit-linear-gradient(rgba(68, 68, 68,0.8), rgba(24, 24, 24, 0.8));
	background: -ms-linear-gradient(rgba(68, 68, 68,0.8), rgba(24, 24, 24, 0.8));
	background: linear-gradient(rgba(68, 68, 68,0.8), rgba(24, 24, 24, 0.8));
}
.nav-trigger, .menu-more {
	display: none;
}
.header-nav {
	max-width: 980px;
	height: 100px;
	margin: 0 auto;
	padding: 0 20px;
}
.logo {
	height: 62px;
	width: 228px;
	margin: 24px 2em 12px 0px;
}
.header-nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.header-nav ul li {
	display: inline;
	margin-left: 1.2em;
	line-height: 96px;
	float: left;
	font-size: 20px;
}
.header-nav ul li ul li {
	line-height: 50px;
}
.header-nav ul li a {
	font-size: 18px;
	font-family: "TradeGothicLTStd-BdCn20";
	vertical-align: middle;
}
.header-nav ul li span.nav-li-right {
	display: none;
}
.nav-menu .nav-ling {
	color: #999;
	margin-left: 1.2em;
	display: inline;
	font-size: 14px;
	cursor:none;
}
.nav-submenu {
	max-width: 1200px;
	height: 60px;
	margin: 0 auto;
	line-height: 55px ;
	text-align: center;
}
.nav-submenu i {
	vertical-align:middle
}
.nav-submenu-ul {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	height: 0;
	overflow: hidden;
	background: #666;
	transition: height 0.5s;
	-moz-transition: height 0.5s;
	-webkit-transition: height 0.5s;
	-o-transition: height 0.5s;
}
.nav-menu-item:hover .nav-submenu-ul {
	height: 60px;
}
.nav-menu-item .nav-submenu-ul li:nth-last-child(-n+4) {
	float: none;
	margin: 0 3em;
}
}
/*header end*/
/*home-columns*/
.home-columns {
	padding: 5px 0;
	background: #333333;
	overflow: hidden;
}
.home-columns-list {
	max-width: 980px;
	margin: 0 auto;
}
.columns-item {
	float: left;
	height: 120px;
	width: 100%;
	text-align: center;
	color: #fff;
	border-bottom: 15px solid #333;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
	padding: 10px;
}
.columns-item:last-child {
	border-bottom: 0;
}
.columns-item h3 {
	margin: 0 0 5px 0;
}
.columns-item p {
	font-size: 16px;
}

@media (min-width: 768px) {
.columns-item {
	float: left;
	height: 120px;
	width: 49%;
	border: 20px solid #333;
}
.columns-item:last-child {
	border-right: 0;
	border-bottom: 15px solid #333;
}
}
/*home-columns end*/
/*bottom*/
.bottom-tools-bg {
	width: 100%;
	background: #f2f2f2;
}
.bottom-tools {
	padding: 0;
}
.bottom-tools .left-panle {
	width: 100%;
	overflow: hidden;
}
.panle-list ul li {
	width: 100%;
	font-size: 16px;
	padding: 0 20px;
	border-bottom: 1px solid #e3e3e3;
}
.panle-list ul li a {
	padding: 10px 0;
	color: #333;
	cursor: pointer;
}
.bottomplus {
	float: right;
	height: 24px;
	width: 24px;
	line-height: 24px;
	text-align: center;
}
.panle-list ul li ul {
	display: none;
}
.panle-list ul li ul li {
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	text-indent: 10px;
	overflow: hidden;
	border-bottom: 0px solid #e3e3e3;
}
.panle-list ul li ul li:last-child {
	margin-bottom: 15px;
}
.panle-list ul li ul li a {
	color: #777f89;
	cursor: pointer;
}
.panle-list ul li ul li a:hover {
	color: #333;
}
.bottom-tools .right-panle {
	width: 100%;
	text-align: left;
	color: #333;
	line-height: 24px;
	padding: 15px 15px 10px;
}
.right-panle .kf {
	font-size: 16px;
	padding: 5px 15px;
	border-radius: 15px;
	overflow: hidden;
	background: #b8bbc0;
	color: #3d3c42;
}
.right-panle .tel {
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	margin-top: 8px;
}
.bottom {
	width: 100%;
	font-size: 12px;
	color: #999;
	background: #626262;
}
.bottom-copyright {
	padding: 24px 0;
	border-top: 0px solid #e3e3e3;	
}
.bottom-copyright span{
	display:block;
	text-align:center;
	margin-bottom: 3px;
}
.bottom-copyright i { margin-left:30px;}
.bottom-more {
	width: 100%;
	padding: 20px 0;
	line-height: 30px;
	font-size: 16px;
	border-bottom: 1px solid #555;
	text-align: center
}
.bottom-more a {
	margin-left: 7%;
	color: #ccc;
}
.bottom-more a:hover {
	margin-left: 7%;
	color: #333;
}
.bottom-more a:first-child {
	margin-left: 0;
}

@media (min-width: 768px) {
.bottom-tools {
	padding: 40px 0;
	overflow: hidden;
}
.bottom-tools .left-panle {
	float: left;
	width: 75%;
	border: 0;
}
.panle-list ul li {
	float: left;
	width: 25%;
	text-indent: 0;
	border: 0;
	padding: 0;
}
.panle-list ul li ul {
	display: inherit;
}
.panle-list ul li ul li {
	height: auto;
	line-height: 24px;
	border: 0;
	text-indent: 0;
}
.panle-list ul li ul li:last-child {
	margin-bottom: 0px;
}
.bottom-tools .right-panle {
	float: left;
	width: 25%;
	text-align: right;
	padding: 0;
	border: 0;
}
.bottom-tools, .bottom-center {
	margin: 0 40px;
}
.bottomplus {
	display: none;
}
.bottom-copyright, .bottom-more {
	max-width: 1000px;
}
}

@media (min-width: 1200px) {
.bottom-tools, .bottom-copyright, .bottom-more {
	margin: 0 auto;
}
.bottom-copyright span:nth-of-type(1){
	float:right;
}
.bottom-copyright span:nth-of-type(2){
	float:left;
}
}
/*bottom end*/
/*itank-nav*/
.subnav-bar .active {
	color: #0070c9;
}
.red-botton {
	padding: 8px 14px;
	background: #ff0000;
	color: #fff;
	border-radius: 5px;
}
.itank-nav {
	position: fixed;
	left: 0;
	top: 50px;
	width: 100%;
	z-index: 888;
}
.auto-itank-nav .subnav-bar {
	position: relative;
	z-index: 888;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	height: auto;
	min-height: 50px;
	line-height: 50px;
	background: none;
	border-bottom: 1px solid #d2d2d2;
	transition-property: background;
	transition-duration: 1s;
	box-sizing: border-box;
}
.auto-itank-nav.open-itank-nav .subnav-bar {
	background: #fff;
}
.subnav-title a {
	font-size: 20px;
	float: left;
}
.subnav-bar ul.subnav-btn li {
	float: right;
	font-size: 12px;
	margin-left: 35px;
	z-index: 888;
}
.subnav {
	width: 100%;
	position: absolute;
	z-index: 887;
	width: 100%;
	height: 50px;
	margin: -50px auto 0 auto;
	background: none;
	opacity: 1;
	transition-property: width, background;
	transition-duration: 0.5s, 1s;
	color: #ccc;
}
.subnav-ds a, .subnav-title a {
	color: #222;
}
.gizle .subnav-title a, .gizle .subnav-ds a {
	color: #333;
}
.subnav-ds a:hover, .subnav-title a:hover {
	color: #ff0000;
}
.subnav-ds>li.active a{
	color: #ff0000;
}
.gizle .subnav-title a:hover, .gizle .subnav-ds a:hover {
	color: #ff0000;
}
.gizle {
	top: 0;
	border-bottom: 0px solid #d2d2d2;
}
.sabit {
	top: 50px;
	z-index: 888;
}
.gizle-bg {
	width: 100%;
	background: #fff;
	filter: alpha(opacity=95);
	-moz-opacity: 0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
}
.sabit-bg {
	top: 50px;
	background: none;
	opacity: 1;
}
.subit-label {
	position: absolute;
	z-index: 888;
	left: 46%;
	width: 40px;
	height: 50px;
}
.auto-itank-nav .subit {
	margin-right: -11px;
	cursor: pointer;
	display: block;
	overflow: hidden;
	width: 40px;
	height: 48px;
	-webkit-tap-highlight-color: transparent;
}
.auto-itank-nav .subit::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 50%;
	width: 12px;
	height: 1px;
	z-index: 1;
	transform: rotate(40deg) scaleY(1.5);
	background: #333;
	transition: transform 0.5s;
	-moz-transition: transform 0.5s;
	-webkit-transition: transform 0.5s;
	-o-transition: transform 0.5s;
}
.auto-itank-nav .subit::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 1px;
	z-index: 1;
	transform: rotate(-40deg) scaleY(1.5);
	background: #333;
	margin-left: -3px;
	transition: transform 0.5s;
	-moz-transition: transform 0.5s;
	-webkit-transition: transform 0.5s;
	-o-transition: transform 0.5s;
}
.auto-itank-nav.open-itank-nav .subit::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 50%;
	width: 12px;
	height: 1px;
	z-index: 1;
	transform: rotate(-40deg) scaleY(1.5);
	background: #333;
}
.auto-itank-nav.open-itank-nav .subit::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 1px;
	z-index: 1;
	transform: rotate(40deg) scaleY(1.5);
	background: #333;
	margin-left: -3px;
}
.auto-itank-nav .subnav-ds {
	width: 100%;
	display: none;
	clear: both;
}
.auto-itank-nav .subnav-ds li {
	text-indent: 20px;
}
.open-itank-nav .subnav-ds {
	display: block;
}

@media (min-width: 768px) {
.itank-nav {
	height: 50px;
	top: 100px;
}
.subnav-bar {
	position: relative;
	z-index: 888;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	height: 50px;
	line-height: 50px;
	color: #333333;
	border-bottom: 1px solid #d2d2d2;
}
.subit-label {
	display: none
}
.subnav-ds {
	display: block;
}
.subnav-bar ul li {
	float: right;
	margin-left: 35px;
	font-size: 12px;
}
.subnav-ds a, .subnav-title a {
	color: #777;
}
}

@media (min-width: 1200px) {
.subnav {
	width: 100%;
	background: none;
	opacity: 1;
	transition-property: width, background;
	transition-duration: 0.5s, 1s;
}
.gizle {
	top: 0;
	border-bottom: 0px solid #d2d2d2;
}
.sabit {
	top: 50px;
	z-index: 777;
}
.gizle-bg {
	width: 100%;
	background: #fff;
	filter: alpha(opacity=95);
	-moz-opacity: 0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
	border-bottom: 1px solid #d2d2d2;
}
.sabit-bg {
	top: 50px;
	background: none;
	opacity: 1;
}
}
/*itank nav end*/
/*itank content*/
.itank-content {
	height: auto;
}
.itank-banner {
	height: 660px;
	background-size: auto;
	background-position: center;
}

@media (min-width: 768px) {
.itank-banner {
	background-size: cover;
	height: 600px;
}
}

@media (min-width: 1200px) {
.itank-banner {
	background-size: auto;
	height: 700px;
}
}
.itank-component {
	padding: 30px 0 20px 0;
	margin: 0 auto;
	text-align: center;
}
.itank-component-list {
	width: 50%;
	padding: 10px 20px;
}
.itank-component-list {
	float: left;
}
.itank-component-list span {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
}
.itank-component-list .itank-component-value {
	font-size: 20px;
}
.itank-component-list .itank-component-term {
	font-size: 12px;
	color: #999;
	line-height: 20px;
}
.itank-component-line {
	display: none;
}

@media (min-width: 768px) {
.itank-component {
	width: 710px;
	padding: 40px 0 30px 0;
	margin: 0 auto;
}
.itank-component-list {
	width: 50%;
	padding: 10px 43px;
}
.itank-component-list .itank-component-value {
	font-size: 30px;
	margin-bottom: 10px;
}
.itank-component-list .itank-component-term {
	font-size: 16px;
	color: #999
}
}

@media (min-width: 1200px) {
.itank-component {
	width: 1200px;
	padding: 100px 20px 90px 20px;
	margin: 0 auto;
}
.itank-component-list {
	width: auto;
	padding: 10px 64px;
}
.itank-component-list .itank-component-value {
	font-size: 25px;
	margin-bottom: 20px;
}
.itank-component-line {
	display: block;
	float: left;
	width: 1px;
	height: 47px;
	margin-top: 25px;
	background: #f2f2f2;
}
}
.itank-video {
	display: none;
}

@media (min-width: 768px) {
.itank-video {
	display: block;
	position: relative;
	z-index: 777;
	width: 100%;
	height: 400px;
	margin: 0 auto;
	overflow: hidden;
}
.itank-video-media {
	position: absolute;
	top: 0;
	z-index: 777;
	width: 100%;
	height: 540px;
	background-size: 1920px 540px;
	background-repeat: no-repeat;
	overflow: hidden;
}
.itank-video-play {
	position: relative;
	z-index: 778;
	width: 130px;
	height: 130px;
	margin: 155px auto;
	text-align: center;
	color: #fff;
}
.itank-video-play span {
	display: block;
	width: 130px;
	height: 40px;
	margin-top: 13px;
	font-size: 18px;
	text-align: center;
	color: #fff;
	overflow: hidden;
}
}
/*module*/
.module {
	z-index: 1;
}
.module {
	z-index: 1;
}
.module-summarize, .module-main {
	z-index: 1;
}
.module-trigger {
	z-index: 11
}
.module-detail, .module-detail-content {
	z-index: 1
}
.expand-setup .card-detail, .expand-setup .module-detail-content, .expand-complete .module-detail, .expand-complete .module-detail-content, .collapse-setup .module-detail, .collapse-setup .module-detail-content {
	z-index: 3
}
.module {
	overflow: visible;
	position: relative;
}
.module-summarize {
	overflow: visible;
	position: relative;
	width: 100%;
}
.module-summarize .module-summarize-content {
	overflow: hidden;
}
.module-summarize .module-main {
	padding: 100px 0 150px 0;
}
.module-main {
	position: relative;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
.module-main-center {
	width: 80%;
	margin: 0 auto;
}
.module-main-center h3 {
	font-size: 18px;
}
.module-main-center h1 {
	font-size: 30px;
}
.module-main-center p {
	font-size: 14px;
	line-height: 30px;
}
.module-main-center h4 {
	font-size: 18px;
}
.module-main-center h2 {
	font-size: 30px;
}
.module-detail {
	position: relative;
	width: 100%;
	background: #fff;
	top: 0;
	overflow: hidden;
	max-height: 0;
	transition: top 1s, max-height 2s;
	-ms-transition: top 1s, max-height 2s;
	-webkit-transition: top 1s, max-height 2s;
}
.expand-complete .module-detail {
	top: -100px;
	max-height: 10000px;
}
.expand-complete .module-detail .module-detail-content {
	visibility: visible;
}
.module-detail-content {
	visibility: hidden;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	transition: visibility 2s;
	-ms-transition: visibility 2s;
	-webkit-transition: visibility 2s;
}
.module-trigger {
	visibility: visible;
	position: absolute;
	width: 100%;
	opacity: 0.999;
}
button {
	background: none;
	border: 0;
	color: inherit;
	cursor: pointer;
	font: inherit;
	line-height: inherit;
	overflow: visible;
	vertical-align: inherit;
	outline: none;
}
.expand-complete .module-summarize .module-trigger-label, .expand-complete .module-summarize .module-trigger:hover .module-trigger-label {
	margin: 0 auto 15px auto;
	opacity: 0;
	transition: margin 1s, opacity 1s;
	-ms-transition: margin 1s, opacity 1s;
	-webkit-transition: margin 1s, opacity 1s;
}
.module-trigger-label {
	text-align: center;
	color: #66bbff;
	font-size: 16px;
	line-height: 1.25;
	display: table;
	margin: 0 auto 8px auto;
	opacity: 1;
}
.module-trigger:hover .module-trigger-label {
	color: #dbdbdb;
}
.module-trigger-expand {
	 bottom: 70px;
}
.module-trigger-collapse {
	top: 50px;
}
.expand-complete .module-summarize .module-trigger-icon, .expand-complete .module-summarize .module-trigger:hover .module-trigger-icon {
	bottom: -15px;
	opacity: 1;
	transition: bottom 0.5s, opacity 2s;
	-ms-transition: bottom 0.5s, opacity 2s;
	-webkit-transition: bottom 0.5s, opacity 2s;
}
.module-summarize .module-trigger-icon, .module-summarize .module-trigger:hover .module-trigger-icon {
	bottom: 0px;
	opacity: 1;
	transition: bottom 2s, opacity 2s;
	-ms-transition: bottom 2s, opacity 2s;
	-webkit-transition: bottom 2s, opacity 2s;
}
.module-trigger-icon {
	position: relative;
	display: block;
	width: 42px;
	height: 26px;
	margin: 0 auto;
	background: url(../images/itank/itankmoreopen.png) no-repeat center;
	background-size: 100%;
}
.module-trigger:hover .module-trigger-icon {
	background: url(../images/itank/itankmoreopen-hover.png) no-repeat center;
	background-size: 100%;
}
.module-detail .module-trigger-icon {
	background: url(../images/itank/itankmoreclose.png) no-repeat center;
	background-size: 100%;
	margin: -120px auto 0 auto;
	opacity: 1;
	transition: margin 0.5s, opacity 1s;
	-ms-transition: margin 0.5s, opacity 1s;
	-webkit-transition: margin 0.5s, opacity 1s;
}
.expand-complete .module-detail .module-trigger-icon {
	margin: 0px auto 0 auto;
	opacity: 1;
	transition: margin 2.1s, opacity 1s;
	-ms-transition: margin 2.1s, opacity 1s;
	-webkit-transition: margin 2.1s, opacity 1s;
}
.module-detail .module-trigger:hover .module-trigger-icon {
	background: url(../images/itank/itankmoreclose.png) no-repeat center;
	background-size: 100%;
}
.expand-complete .fixzle {
	position: fixed;
	margin: auto;
	left: 0;
	right: 0;
	top: 60px;
	z-index: 777;
}
.white-bg {
	background: #f2f2f2;
}
.black-bg {
	background: #000;
}
.gray-bg, .gray-bg-nocolor {
	background: #3c3d42;
}
.gradient-black-bg {
	background: -webkit-linear-gradient(#000, #131313);
	background: -ms-linear-gradient(#000, #131313);
	background: linear-gradient(#000, #131313);
}
.gradient-black-bg, .black-bg, .gray-bg {
	color: #fff;
}
.gradient-black-bg .module-main-center, .black-bg .module-main-center {
	color: #ccc;
}
.gradient-black-bg .module-main-center h1, .gradient-black-bg .module-main-center h2, .black-bg .module-main-center h1, .black-bg .module-main-center h2 {
	color: #fff;
}
.white-bg .module-main-center {
	color: #333;
}
.white-bg .module-main-center h1, .white-bg .module-main-center h2 {
	color: #000;
}
.module-main .itank-sql {
	width: 320px;
	height: 522px;
	margin: 70px auto 0 auto;
	background: url(../images/itank/itank1.png) no-repeat;
	background-size: 100%;
}
.module-main .itank-dlxt {
	width: 320px;
	height: 228px;
	margin: 70px auto 0 auto;
	background: url(../images/itank/itank2.png) no-repeat;
	background-size: 100%;
}
.module-main .itank-app {
	width: 320px;
	height: 328px;
	margin: 70px auto 0 auto;
	background: url(../images/itank/itank3.png) no-repeat;
	background-size: 100%;
}
.itank-app-bg {
	background: url(../images/itank/itank3-bg.png) no-repeat top;
	background-size: 120%;
}
.module-main .itank-gy {
	width: 320px;
	height: 231px;
	margin: 70px auto 0 auto;
	background: url(../images/itank/itank4.png) no-repeat;
	background-size: 100%;
}

@media (min-width: 768px) {
.module-main-center {
	width: 40%;
	min-width: 700px;
}
.module-main-center h3 {
	font-size: 22px;
}
.module-main-center h1 {
	font-size: 45px;
}
.module-main-center p {
	font-size: 16px;
}
.module-main-center h4 {
	font-size: 20px;
}
.module-main-center h2 {
	font-size: 35px;
}
.module-trigger-label {
	font-size: 20px;
}
.module-trigger-icon {
	width: 52px;
	height: 42px;
}
.module-main .itank-sql {
	width: 603px;
	height: 983px;
}
.module-main .itank-dlxt {
	width: 750px;
	height: 535px;
}
.module-main .itank-app {
	width: 844px;
	height: 812px;
}
.itank-app-bg {
	background-size: auto;
}
.module-main .itank-gy {
	width: 768px;
	height: 556px;
}
}

@media (min-width: 1200px) {
.module-main .itank-gy {
	width: 1352px;
	height: 978px;
}
}
/*module end*/
.sub-module-main {
	padding-top: 70px;
	padding-bottom: 70px;
}
.sub-module-main:first-child {
	padding-top: 90px;
}
.sub-module-main .itank-dj {
	width: 320px;
	height: 241px;
	margin: 70px auto 0 auto;
	background: url(../images/itank/itank2-1.png) no-repeat;
	background-size: 100%;
}
.sub-module-main .itank-yun {
	width: 300px;
	height: 216px;
	margin: 70px auto 0 auto;
	background: url(../images/itank/itank3-1.png) no-repeat;
	background-size: 100%;
}

@media (min-width: 768px) {
.sub-module-main {
	padding-top: 130px;
	padding-bottom: 130px;
}
.sub-module-main:first-child {
	padding-top: 180px;
}
.sub-module-main .itank-dj {
	width: 750px;
	height: 564px;
}
.sub-module-main .itank-yun {
	width: 643px;
	height: 464px;
}
}
.itank-dj-component {
	max-width: 700px;
	height: auto;
	margin: 50px auto 0 auto;
	padding: 0 10px;
	text-align: center;
	color: #6c6c6c;
	font-size: 20px;
}
.itank-dj-component .dj-component-list {
	float: left;
	width: 100%;
	height: 110px;
	margin-top: 10px;
	padding: 8px;
	border: 2px solid #6c6c6c;
	border-radius: 15px;
}
.itank-dj-component .dj-component-list li {
	height: 32px;
	line-height: 32px;
}
.itank-dj-component .list-line {
	border-bottom: 1px solid #6c6c6c;
}

@media (min-width: 768px) {
.itank-dj-component .dj-component-list li {
	height: 47px;
	line-height: 47px;
}
}
.main-content-center {
	position: relative;
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
}
.column-left, .column-right {
	float: left;
}
.main-column-a .column-left {
	width: 100%;
	padding: 0 30px;
}
.main-column-a .column-right {
	width: 100%;
	padding: 0 10%;
}
.main-column-a .column-detailed {
	width: 90%;
	margin: 0 auto;
}
.main-column-a .column-detailed h4 {
	margin: 30px 0 10px 0;
	line-height: 26px;
}
.main-column-a .column-detailed p {
	color: #999;
	line-height: 26px;
	text-align: justify;
}
.main-column-a .column-right .column-dj {
	width: 100%;
	display: block;
	height: 280px;
	background: url(../images/itank/itank2-2.png) no-repeat center;
	background-size: contain;
}

@media (min-width: 480px) {
.main-column-a .column-right {
	width: 100%;
	padding: 10% 10% 0;
}
.main-column-a .column-right .column-dj {
	height: 340px;
}
}

@media (min-width: 768px) {
.main-content-center {
	max-width: 1200px;
}
.main-column-a .column-left, .main-column-a .column-right {
	width: 100%;
	padding: 0 30px;
}
.main-column-a .column-right {
	margin-top: 50px;
}
}

@media (min-width: 1200px) {
.main-column-a .column-left {
	width: 55%;
	padding: 0 60px;
}
.main-column-a .column-right {
	width: 45%;
	padding: 0 30px;
	margin-top: 10px;
}
}
.main-column-b .column-dc {
	width: 280px;
	height: 209px;
	margin: 0 auto;
	background: url(../images/itank/itank2-4.png) no-repeat center;
	background-size: 100%;
}

@media (min-width: 768px) {
.main-column-b .column-dc {
	width: 617px;
	height: 460px;
}
}

@media (min-width: 1200px) {
.main-column-b .column-dc {
	width: 751px;
	height: 560px;
	margin: 50px auto;
}
}
.main-column-c .column-left, .main-column-c .column-right {
	width: 100%;
}
.main-column-c .column-detailed {
	width: 90%;
	margin: 0 auto;
	color: #333;
}
.main-column-c .column-detailed h1 {
	margin: 0 0 30px 0;
	font-size: 30px;
}
.main-column-c .column-detailed p {
	font-size: 16px;
	line-height: 35px;
	text-align: justify;
}
.main-column-c .column-dc {
	width: 100%;
	height: 541px;
	margin: 0;
	background: url(../images/itank/itank2-5.png) no-repeat center;
	background-size: contain;
}
.main-column-c .column-component {
	padding: 0 15px;
}
.main-column-c .column-component-list {
	width: 100%;
	border-bottom: 1px solid #e3e3e3;
	text-align: center;
	padding: 40px 0;
}
.main-column-c .column-component-list:last-child {
	border: 0;
}
.main-column-c .column-component-list .list-big {
	height: 50px;
	line-height: 50px;
	color: #d3ada4;
	font-size: 32px;
}
.main-column-c .column-component-list .list-small {
	width: 100%;
	color: #8b8c8d;
}

@media (min-width: 480px) {
.main-column-c .column-dc {
	width: 100%;
	height: 641px;
}
.main-column-c .column-component {
	padding: 0 65px;
}
}

@media (min-width: 768px) {
.main-column-c .column-dc {
	width: 100%;
	height: 741px;
}
.main-column-c .column-component {
	padding: 0;
}
.main-column-c .column-component-list {
	float: left;
	width: 33.3%;
	border-right: 1px solid #e3e3e3;
	border-bottom: 0;
	text-align: center;
	padding: 40px 0;
}
}

@media (min-width: 1200px) {
.main-column-c .column-left {
	width: 70%;
}
.main-column-c .column-right {
	width: 30%;
}
.main-column-c .column-detailed {
	max-width: 620px;
}
.main-column-c .column-detailed h1 {
	margin: 0 0 30px 0;
	font-size: 30px;
}
.main-column-c .column-detailed p {
	font-size: 16px;
	line-height: 35px;
	text-align: justify;
}
.main-column-c .column-dc {
	width: 675px;
	height: 741px;
	margin: 0 0 0 100px;
	background-size: 100%;
}
.main-column-c .column-component-list {
	float: none;
	width: 100%;
	border-bottom: 1px solid #e3e3e3;
	border-right: 0;
}
.main-column-c .column-component-list:last-child {
	border: 0;
}
}
.dc-column-bg {
	max-width: 1000px;
	margin: 0 auto;
	background: url(../images/itank/itank2-6.png) no-repeat top right;
	background-size: 50%;
}
.main-column-d .column-left {
	width: 100%;
	padding: 0 30px;
}
.main-column-d .column-detailed {
	width: 90%;
	margin: 0 auto;
}
.main-column-d .column-detailed h2 {
	line-height: 26px;
	padding: 40% 0 10px 0;
	font-size: 24px;
	line-height: 36px;
}
.main-column-d .column-detailed p {
	line-height: 30px;
	text-align: justify;
	font-size: 16px;
}

@media (min-width: 480px) {
.main-column-d .column-left {
	width: 100%;
	padding: 0;
}
}

@media (min-width: 768px) {
.column-bg {
	background-size: 60%;
}
.main-column-d .column-left {
	width: 50%;
	padding: 0 0 250px 0;
}
.main-column-d .column-detailed h2 {
	padding: 0 0 20px 0;
	font-size: 30px;
}
.main-column-d .column-detailed p {
	font-size: 20px;
}
}

@media (min-width: 1200px) {
.column-bg {
	background-size: auto;
}
.main-column-d .column-left {
	width: 55%;
}
}
.main-column-e .module-main-center {
	width: 80%;
	max-width: 1000px;
	text-align: center;
}
.main-column-e .module-main-center p {
	line-height: 35px;
}
.main-column-e .module-main-center h2 {
	font-size: 26px;
}
.main-column-e .dcbh-component-content {
	width: 90%;
	margin: 0 auto
}
.main-column-e .dcbh-component-list {
	float: left;
	width: 50%;
	padding: 22px 0;
}
.main-column-e .dcbh-icon {
	width: 121px;
	height: 84px;
	margin: 0 auto;
}
.main-column-e .icon-1 {
	background: url(../images/itank/dcbh1.png) no-repeat center;
}
.main-column-e .icon-2 {
	background: url(../images/itank/dcbh2.png) no-repeat center;
}
.main-column-e .icon-3 {
	background: url(../images/itank/dcbh3.png) no-repeat center;
}
.main-column-e .icon-4 {
	background: url(../images/itank/dcbh4.png) no-repeat center;
}
.main-column-e .icon-5 {
	background: url(../images/itank/dcbh5.png) no-repeat center;
}
.main-column-e .icon-6 {
	background: url(../images/itank/dcbh6.png) no-repeat center;
}
.main-column-e .dcbh-title {
	width: 121px;
	height: 50px;
	margin: 0 auto;
	text-align: center;
	color: #fc4949;
}

@media (min-width: 768px) {
.main-column-e .module-main-center p {
	font-size: 18px;
}
.main-column-e .module-main-center h2 {
	font-size: 30px;
}
.main-column-e .dcbh-component-list {
	width: 33.3%;
}
.main-column-e .dcbh-component-content {
	margin: 70px auto 0 auto;
}
}
.main-column-f .module-main-center {
	width: 100%;
	max-width: 1192px;
	text-align: center;
	overflow: hidden;
}
.main-column-f .column-images {
	width: 100%;
	height: 300px;
	background: url(../images/itank/itank2-7.png) no-repeat center;
	background-size: cover
}
.main-column-f .column-detailed {
	max-width: 760px;
	margin: 90px 10% 0;
}
.main-column-f .column-detailed h2 {
	font-size: 24px;
	line-height: 40px;
}
.main-column-f .column-detailed p {
	margin-top: 40px;
	text-align: justify;
}

@media (min-width: 480px) {
.main-column-f .column-images {
	height: 400px;
}
}

@media (min-width: 768px) {
.main-column-f .column-images {
	height: 620px;
}
.main-column-f .column-detailed h2 {
	font-size: 30px;
}
.main-column-f .column-detailed p {
	font-size: 18px;
}
}

@media (min-width: 1200px) {
.main-column-f .column-images {
	height: 722px;
}
}
.sub-module-main-images .app-banner {
	width: 100%;
	height: 280px;
	background: url(../images/itank/itank3-2.png) no-repeat center;
	background-size: cover;
}

@media (min-width: 480px) {
.sub-module-main-images .app-banner {
	height: 380px;
}
}

@media (min-width: 768px) {
.sub-module-main-images .app-banner {
	height: 580px;
}
}

@media (min-width: 1200px) {
.sub-module-main-images .app-banner {
	height: 890px;
}
}
.main-column-g .column-list {
	width: 100%;
	max-width: 982px;
	margin: 0 auto;
}
.main-column-g .column-left {
	float: left;
	width: 100%;
	padding: 20px 0;
}
.main-column-g .column-right {
	float: left;
	width: 100%;
	padding: 20px 5%;
}
.main-column-g .column-image {
	width: 320px;
	height: 462px;
	margin: 0 auto;
}
.main-column-g .image-1 {
	background: url(../images/itank/itank3-3.png) no-repeat;
	background-size: cover;
}
.main-column-g .image-2 {
	background: url(../images/itank/itank3-4.png) no-repeat;
	background-size: cover;
}
.main-column-g .image-3 {
	background: url(../images/itank/itank3-5.png) no-repeat;
	background-size: cover;
}
.main-column-g .image-4 {
	background: url(../images/itank/itank3-6.png) no-repeat;
	background-size: cover;
}
.main-column-g .column-detailed {
	width: 100%;
}
.main-column-g .column-detailed h2 {
	font-size: 22px;
}
.main-column-g .column-detailed p {
	font-size: 16px;
	line-height: 35px;
}

@media (min-width: 768px) {
.main-column-g .column-list .column-left, .main-column-g .column-list .column-right {
	width: 50%;
	padding: 60px 5%;
}
.main-column-g .column-image {
	width: 375px;
	height: 541px;
}
.main-column-g .column-detailed {
	margin-top: 120px;
}
.main-column-g .column-detailed h2 {
	font-size: 30px;
}
.main-column-g .column-detailed p {
	font-size: 20px;
}
}

@media (min-width: 1200px) {
.main-column-g .column-image {
	width: 440px;
	height: 635px;
}
.main-column-g .column-detailed {
	margin-top: 160px;
}
}
.sub-module-main .itank-lxj-bg {
	width: 320px;
	height: 289px;
	border: 1px double #fff;
	margin: 0 auto 0 auto;
	background: url(../images/itank/itank4-1-bg.png) no-repeat center bottom;
	background-size: 100%;
}
.sub-module-main .itank-lxj {
	width: 320px;
	height: 239px;
	margin: 100px auto 0 auto;
	background: url(../images/itank/itank4-1.png) no-repeat;
	background-size: 100%;
	animation: showyDH 8s infinite;
	-ms-animation: showyDH 8s infinite;
	-webkit-animation: showyDH 8s infinite;
}

@media (min-width: 768px) {
.sub-module-main .itank-lxj-bg {
	width: 617px;
	height: 540px;
}
.sub-module-main .itank-lxj {
	width: 617px;
	height: 460px;
}
}
.sub-module-main .itank-bz {
	width: 320px;
	height: 80px;
	margin: 70px auto 0 auto;
	background: url(../images/itank/itank4-2.png) no-repeat;
	background-size: 100%;
}
.fs-column-bg {
	width: 100%;
	height: 600px;
	margin: 0 auto;
	background: url(../images/itank/itank4-7.png) no-repeat center bottom;
	background-size: contain;
}
.main-column-h .column-left {
	padding: 0 30px;
}
.main-column-h .column-detailed {
	width: 100%;
}
.main-column-h .column-detailed h2 {
	font-size: 22px;
	line-height: 30px;
}
.main-column-h .column-detailed p {
	font-size: 16px;
	line-height: 26px;
}
.main-column-h .fs-column-bg-tip {
	display: none;
}
.main-column-h .fs-column-bg-tip h3 {
	margin: 0;
	padding: 0;
	font-size: 20px;
}
.main-column-h .fs-column-bg-tip li {
	line-height: 30px;
	font-size: 12px;
}

@media (min-width: 480px) {
.fs-column-bg {
	width: 100%;
	height: 700px;
}
.main-column-h .fs-column-bg-tip {
	display: inline;
	float: left;
	clear: both;
	margin: 20px 0 0 30px;
	padding: 30px 0;
	width: 100px;
	height: 100px;
	border-radius: 60px;
	overflow: hidden;
	text-align: center;
	background: #0078ff;
	color: #fff;
	animation: showyDH 5s infinite;
	-ms-animation: showyDH 5s infinite;
	-webkit-animation: showyDH 5s infinite;
}
.main-column-h .fs-column-bg-tip h3 {
	margin: 0;
	padding: 0;
	font-size: 20px;
}
.main-column-h .fs-column-bg-tip li {
	line-height: 30px;
	font-size: 12px;
}
}

@media (min-width: 768px) {
.sub-module-main .itank-bz {
	width: 600px;
	height: 150px;
}
.fs-column-bg {
	width: 100%;
	height: 900px;
}
.main-column-h .column-detailed {
	max-width: 600px;
}
.main-column-h .column-detailed h2 {
	font-size: 30px;
	line-height: 40px;
}
.main-column-h .column-detailed p {
	font-size: 20px;
	line-height: 36px;
}
.main-column-h .fs-column-bg-tip {
	margin: 10% 0 0 30px;
	padding: 35px 0;
	width: 118px;
	height: 118px;
}
.main-column-h .fs-column-bg-tip h3 {
	font-size: 26px;
}
.main-column-h .fs-column-bg-tip li {
	line-height: 30px;
}
}

@media (min-width: 1200px) {
.fs-column-bg {
	width: 100%;
	height: 1200px;
}
.main-column-h .fs-column-bg-tip {
	margin: 15% 0 0 30px;
}
}
.sub-module-main-images .module-images-column {
	width: 100%;
	height: 435px;
	float: left;
}
.sub-module-main-images .pq-image1 {
	background: url(../images/itank/itank4-3.png) no-repeat center;
	background-size: cover;
}
.sub-module-main-images .pq-image2 {
	background: url(../images/itank/itank4-4.png) no-repeat center;
	background-size: cover;
}

@media (min-width: 768px) {
.sub-module-main-images .module-images-column {
	width: 50%;
	height: 535px;
}
}

@media (min-width: 1200px) {
.sub-module-main-images .module-images-column {
	height: 735px;
}
}
.itank-lt-o {
	width: 320px;
	height: 376px;
	background: url(../images/itank/itank4-5.png) no-repeat center top;
	background-size: contain;
	opacity: 1;
}
.itank-lt-y {
	background: url(../images/itank/itank4-6.png) no-repeat left top;
	background-size: contain;
	opacity: 1;
	width: 320px;
	height: 376px;
	margin: 0 auto;
	animation: showyLT 5s infinite;
	-ms-animation: showyLT 5s infinite;
	-webkit-animation: showyLT 5s infinite;
}
.main-column-i {
	max-width: 1200px;
	margin: 0 auto;
}
.main-column-i .column-left {
	width: 100%;
	float: left;
}
.main-column-i .column-right {
	width: 100%;
	float: left;
	margin: 0 0 50px 0;
}
.main-column-i .column-detailed {
	width: 100%;
	max-width: none;
	padding: 0 40px;
}
.main-column-i .column-detailed h2 {
	font-size: 22px;
	line-height: 40px;
}
.main-column-i .column-detailed p {
	font-size: 16px;
	line-height: 30px;
}

@media (min-width: 560px) {
.itank-lt-o, .itank-lt-y {
	width: 540px;
	height: 635px;
}
.itank-lt-o {
	background-position: center top;
}
}

@media (min-width: 1000px) {
.itank-lt-o, .itank-lt-y {
	width: 540px;
	height: 635px;
}
.itank-lt-o {
	background-position: left top;
}
.itank-lt-y {
	margin: 0;
}
.main-column-i .column-left {
	width: 62%;
}
.main-column-i .column-right {
	width: 38%;
	margin: 100px 0 250px 0;
}
.main-column-i .column-detailed {
	max-width: 380px;
	padding: 0 20px 0 0;
}
.main-column-i .column-detailed h2 {
	font-size: 30px;
}
.main-column-i .column-detailed p {
	font-size: 20px;
	line-height: 36px;
}
}

@media (min-width: 1200px) {
.itank-lt-o, .itank-lt-y {
	width: 668px;
	height: 785px;
}
.main-column-i .column-left {
	width: 62%;
}
.main-column-i .column-right {
	width: 38%;
	margin: 100px 0 350px 0;
}
}
@keyframes showyDH {
0% {
margin-top: 10%;
}
25% {
margin-top: 8%;
}
50% {
margin-top: 10%;
}
75% {
margin-top: 8%;
}
100% {
margin-top: 10%;
}
}
@keyframes showyLT {
0% {
opacity: 1;
}
25% {
opacity: 0;
}
50% {
opacity: 1;
}
75% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.main-column-j .column-left {
	width: 100%;
	padding: 0 30px;
}
.main-column-j .column-right {
	width: 100%;
	padding: 0 10%;
}
.main-column-j .column-detailed {
	width: 90%;
	margin: 0 auto;
}
.main-column-j .column-detailed p {
	color: #999;
	line-height: 28px;
	font-size: 18px;
}
.main-column-j .column-right .column-sc {
	width: 100%;
	display: block;
	height: 280px;
	background: url(../images/itank/itank1-4.png) no-repeat center;
	background-size: 100%
}

@media (min-width: 480px) {
.main-column-j .column-right {
	width: 100%;
	padding: 10% 10% 0;
}
.main-column-j .column-right .column-sc {
	height: 227px;
}
}

@media (min-width: 768px) {
.main-content-center {
	max-width: 1200px;
}
.main-column-j .column-left, .main-column-j .column-right {
	width: 50%;
	padding: 0 40px;
}
.main-column-k {
	margin: 0 0 400px 0;
}
.itank-sc-bg {
	background: url(../images/itank/itank1-3.png) repeat-x -150% 50%;
	background-size: 80%;
	padding-top: 0 !important;
}
}

.main-column-k p {
	max-width: 450px;
	margin: 0 auto;
}

.sub-module-main-images .sql-banner {
	width: 100%;
	height: 500px;
	background: url(../images/itank/itank1-2.png) no-repeat center;
	background-size: contain;
}

@media (min-width: 768px) {
.sub-module-main-images .sql-banner {
	height: 800px;
}
}

@media (min-width: 1200px) {
.sub-module-main-images .sql-banner {
	height: 1268px;
}
}
.main-column-m .column-list {
	width: 100%;
	max-width: 982px;
	margin: 0 auto;
}
.main-column-m .column-left {
	float: left;
	width: 100%;
	padding: 20px 0;
}
.main-column-m .column-right {
	float: left;
	width: 100%;
	padding: 20px 5%;
}
.main-column-m .column-image {
	width: 320px;
	height: 462px;
	margin: 0 auto;
}
.main-column-m .image-1 {
	background: url(../images/itank/itank1-1.png) no-repeat;
	background-size: cover;
}
.main-column-m .image-2 {
	background: url(../images/itank/itank3-4.png) no-repeat;
	background-size: cover;
}
.main-column-m .column-detailed {
	width: 100%;
}
.main-column-m .column-detailed h2 {
	font-size: 22px;
}
.main-column-m .column-detailed p {
	font-size: 16px;
	line-height: 35px;
}
.main-column-m .column-video {
	/* padding: 10px 5%; */
}

@media (min-width: 768px) {
.main-column-m .column-list .column-left {
	width: 55%;
	padding: 60px 5%;
}
.main-column-m .column-list .column-right {
	
	padding: 60px 1%;
}
.main-column-m .column-image {
	width: 375px;
	height: 541px;
}
.main-column-m .column-detailed h2 {
	font-size: 32px;
	line-height: 40px;
}
.main-column-m .column-detailed p {
	font-size: 20px;
}
}

@media (min-width: 1200px) {
.main-column-m .image-1 {
	width: 648px;
	height: 983px;
}
}
.itank-specs {
	width: 100%;
	border: 1px solid #fff;
}
.itank-specs table {
	border-collapse: collapse;
	max-width: 1000px;
	margin: 50px auto 50px auto;
	width: 100%;
}
.itank-specs table td, .itank-specs table th {
	padding: 10px 0;
	text-align: left;
	width: 100%;
}
.itank-specs .border-bottom {
	border-bottom: 1px solid #e6e6e6;
}
.itank-specs .title {
	width: 100%;
	font-size: 16px;
	padding: 20px 0 10px 0;
}
.itank-specs .title-images {
	width: 100%;
	margin: 50px auto 0;
}
.itank-specs-list {
	width: 100%;
	margin: 0 auto;
	height: 35px;
	padding: 0 10px;
}
.itank-specs-list li {
	width: 100%;
	float: left;
	line-height: 35px;
}
.itank-specs-list-big {
	width: 100%;
	margin: 0 auto;
	height: 60px;
	padding: 0 10px;
}
.itank-specs-list-big li {
	width: 100%;
	float: left;
	height: 60px;
	line-height: 20px;
}

@media (min-width: 768px) {
.itank-specs-list li, .itank-specs-list-big li {
	width: 50%;
	white-space: nowrap;
}
.itank-specs .title-images {
	margin: 0 auto;
}
}
.doohan-about-content {
	width: 100%;
}
.doohan-about {
	max-width: 1054px;
	margin: 0 auto 140px;
	padding: 0 15px;
	overflow: hidden;
}
.doohan-policy.doohan-about{
	margin: 26px auto 74px;
	color: #2f2725;
}
.doohan-policy>h2{
	font-family: "ArialBlack" ,"Microsoft Yahei", "Helvetica Neue", Arial, sans-serif;
	margin: 12px auto 0 ;
	line-height: 98px;
	letter-spacing: -0.8px;
	word-spacing: 0.5px;

}
.doohan-policy>.doohan-policy-details{
	font-family: "Arial_0" ,"Microsoft Yahei", "Helvetica Neue", Arial, sans-serif;
	font-size: 18px;
	line-height: 37px;
	letter-spacing: -0.8px;
	word-spacing: 1.5px;
}

.doohan-about-title {
	font-family: "ArialBlack";
	width: 100%;
	height: 108px;
	line-height: 108px;
	font-size: 36px;
	color: #e60020;
	margin: 32px 0 0 0;
	background: url("../images/dotted.png") bottom repeat-x;
}
.doohan-about-image {
	width: 100%;
	background-size: cover;
}
.doohan-about-details {
	font-family: "Arial_0", "Microsoft Yahei", "Helvetica Neue", Arial, sans-serif;
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
}
.doohan-about-details h2{
	font-size: 20px;
}
.doohan-about-details p {
	font-size: 18px;
	line-height: 37px;
	letter-spacing: -0.8px;
	word-spacing: 0.5px;
}
.red-details p {
	padding-bottom: 0px;
	color: #ff0000;
}
.doohan-about-ceo {
	width: 100%;
	height: 300px;
	background: url(../images/ceo2.png) no-repeat center;
	background-size: cover;
}
.doohan-partner-big {
	margin-top: 70px;
}
.doohan-partner-big .doohan-partner-list {
	width: 100%;
	float: left;
	margin: 0 1%;
}
.doohan-partner-small {
	margin: 70px 0;
}
.doohan-partner-small .doohan-partner-list {
	width: 98%;
	float: left;
	margin: 0 1%;
}
.doohan-partner-list small {
	padding-left: 5px;
	font-size: 50%;
}

@media (min-width: 480px) {
.doohan-about-ceo {
	width: 100%;
	height: 260px;
	background: url(../images/ceo.png) no-repeat center;
	background-size: cover;
}
}

@media (min-width: 768px) {
.doohan-about-ceo {
	width: 100%;
	height: 400px;
}
.doohan-about-details h2{
	font-family: "ArialBlack", "Microsoft Yahei", "Helvetica Neue", Arial, sans-serif;
	font-size: 30px;
	line-height: 96px;
	letter-spacing: -1.5px;
	margin: 0;
}
.doohan-about-title {
	font-size: 32px;
}
.doohan-partner-big .doohan-partner-list {
	width: 32%;
	margin: 0 1%;
}
.doohan-partner-small .doohan-partner-list {
	width: 48%;
	margin: 0 1%;
}
.doohan-partner-big .doohan-partner-list:last-child {
	margin-right: 0;
}
.doohan-partner-big .doohan-partner-list:first-child {
	margin-left: 0;
}
}

@media (min-width: 1200px) {
.doohan-about-ceo {
	width: 100%;
	height: 540px;
}
.doohan-partner-big .doohan-partner-list {
	width: 32%;
	margin: 0 1%;
}
.doohan-partner-small .doohan-partner-list {
	width: 22.7%;
	margin: 0 1.5%;
}
.doohan-partner-small .doohan-partner-list:last-child {
	margin-right: 0;
}
.doohan-partner-small .doohan-partner-list:first-child {
	margin-left: 0;
}
}
.doohan-owners-image {
	width: 100%;
	margin-bottom: 50px;
}
.doohan-owners-image .owners-image-left, .doohan-owners-image .owners-image-right {
	width: 100%;
}
.doohan-owners-image img {
	width: 100%;
}
.doohan-owners-image .owners-tip-content {
	max-width: 860px;
	margin: 15px;
	border: 3px solid #5a5657;
	overflow: hidden;
}
.doohan-owners-video-content {
	width: 100%;
	height: auto;
	background: #f1f1f1;
}
.doohan-owners-video {
	max-width: 1000px;
	background: #fff;
	margin: 0 auto;
	padding: 0 15px;
}
.doohan-video-list {
	width: 50%;
	padding: 15px 1%;
	float: left;
	font-size: 12px;
}
.doohan-video-list .list-image img {
	width: 100%
}
.doohan-video-list .list-title {
	color: #0084ed;
	width: 100%;
	overflow: hidden;
	height: 50px;
	line-height: 20px;
	margin-top: 5px;
}
.doohan-video-list .list-time {
	color: #6c6c6c;
	width: 100%;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
}

@media (min-width: 768px) {
.doohan-owners-image .owners-tip-content {
	max-width: 860px;
	margin: 15px auto 0 auto;
}
.doohan-owners-image .owners-image-left, .doohan-owners-image .owners-image-right {
	width: 50%;
	float: left;
}
.doohan-video-list {
	width: 33.3%;
	padding: 15px 1%;
	float: left;
}
}

@media (min-width: 1200px) {
.doohan-video-list {
	width: 25%;
	padding: 15px 1%;
	float: left;
}
}
.video-bgcolor {
	background: #000
}
.video-html-content {
	padding: 50px;
}
.video-html-content .video-main {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.text-center {
	text-align: center;
}
.douhan-time{
	color:#dbdbdb;
}
.bottom1{
	display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
/*itankgo*/
@font-face{
	font-family: "Arial_0";
	src: url('../fonts/arial-0.eot');
	src: url('../fonts/arial-0.eot') format('embedded-opentype'),
	url('../fonts/arial-0.woff') format('woff'), /* Modern Browsers */
	url('../fonts/Arial_0.hxd') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/arial-0.svg') format('svg'); /* Legacy iOS */
}
@font-face{
	font-family: "ArialBlack";
	src: url('../fonts/arialblack.eot');
	src: url('../fonts/arialblack.eot') format('embedded-opentype'),
	url('../fonts/arialblack.woff') format('woff'), /* Modern Browsers */
	url('../fonts/ArialBlack.hxd') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/arialblack.svg') format('svg'); /* Legacy iOS */
}
@font-face{
	font-family: "ArialBold";
	src: url('../fonts/ArialBold.hxd')
}
@font-face{
	font-family: "ArialBoldItalic";
	src: url('../fonts/ArialBoldItalic.hxd')
}
@font-face{
	font-family: "ArialItalic";
	src: url('../fonts/ArialItalic.hxd')
}
@font-face{
	font-family: "ArialNarrow";
	src: url('../fonts/ArialNarrow.hxd')
}
@font-face{
	font-family: "ArialNarrowBold";
	src: url('../fonts/ArialNarrowBold.hxd')
}
@font-face{
	font-family: "ArialNarrowBoldItalic";
	src: url('../fonts/ArialNarrowBoldItalic.hxd')
}
@font-face{
	font-family: "ArialNarrowItalic";
	src: url('../fonts/ArialNarrowItalic.hxd')
}
@font-face{
	font-family: "ArialRoundedBold";
	src: url('../fonts/ArialRoundedBold.hxd')
}
/*.itankgo-banner,.itankgo-power,.itankgo-battery,.itankgo-safety,.itankgo-light,.itankgo-design,.itankgo-itankgo,.more-detail{
	font-family: "Arial_0";
}*/
.itankgo-base{
	margin-bottom: 22px;
	overflow: hidden;
}

.itankgo-banner{
	height: 950px;
	position: relative;
}

.itankgo-banner>div{
	width: 100%;
	height: 100%;
	position: absolute;
	display: none;
	top: 0;
	left: 0;
}

.itankgo-banner>div:nth-of-type(1){
	display: block;
	background: url("../images/itango/itango-white.png") center no-repeat;
}
.itankgo-banner>div:nth-of-type(2){
	background: url("../images/itango/itango-black.png") center no-repeat;
}
.itankgo-banner>div:nth-of-type(3){
	background: url("../images/itango/itango-red.png") center no-repeat;
}
.itankgo-banner>div:nth-of-type(4){
	background: url("../images/itango/itango-blue.png") center no-repeat;
}
.itankgo-banner>div:nth-of-type(5){
	background: url("../images/itango/itango-green.png") center no-repeat;
}
.i-tango-title{
	font-family: "Arial_0";
	text-align: center;
	color: #000000;
	font-size: 26px;
	line-height: 34px;
	position: absolute;
	width: 410px;
	left: 50%;
	padding-top: 118px;
	margin-left: 88px;
	margin-top: 303px;
	background: url('../images/itango/itango-logo1.png') no-repeat;
}
.i-tango-title-white{
	color: #ffffff;
	background: url('../images/itango/itango-logo2.png') no-repeat;
}
.itankgo-banner>div>p{
	font-size: 24px;
	line-height: 38px;
}
.itankgo-nav {
	position: absolute;
	margin-top: 580px;
	left: 50%;
	margin-left: 158px;
}
.itankgo-nav li{
	height: 38px;
	width: 38px;
	margin-right: 20px;
	-webkit-border-radius: 50% 50%;
	-moz-border-radius: 50% 50%;
	border-radius: 50% 50%;
	float: left;
	cursor: pointer;
	    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 1, 1) 0s,box-shadow 0.3s ease,border 0.25s ease;
    -moz-transition: -moz-transform 0.3s cubic-bezier(0.4, 0, 1, 1) 0s,box-shadow 0.3s ease,border 0.25s ease;
    transition: transform 0.3s cubic-bezier(0.4, 0, 1, 1) 0s,box-shadow 0.3s ease,border 0.25s ease;
}
.itankgo-nav li:nth-of-type(1){
	background-color: #ffffff;
}
.itankgo-nav li:nth-of-type(2){
	background-color: #2f2725;
}
.itankgo-nav li:nth-of-type(3){
	background-color: #e60020;
}
.itankgo-nav li:nth-of-type(4){
	background-color: #405fb7;
}
.itankgo-nav li:nth-of-type(5){
	background-color: #aef323;
}
.itankgo-nav li:not(.active):hover{
	    transform: translate3d(0, -5px, 0);
	/*border: 4px solid rgb(236, 236, 236);*/
}

.itankgo-nav li.active{
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-ms-transform: scale(1.25);
	-o-transform: scale(1.25);
	transform: scale(1.25);
	border: 2px solid rgb(171, 171, 171);
}
.itankgo-power{
	height: 1301px;
	background: url("../images/itango/itango-power.jpg") center no-repeat;
}

div.itankgo-more{
	position: absolute;
	left: 50%;
	margin-left: -73px;
	text-align: center;
	width: 145px;
	height: 42px;
	padding-left: 14px;
	padding-right: 14px;
	background-color: #fff;
	border-radius: 21px 21px;
	cursor: pointer;
	bottom: 106px;
}
div.itankgo-more:hover{
	    box-shadow: 0 20px 20px rgba(0,0,0,0.1);
}
.more-detail-open div.itankgo-more{
	box-shadow: 0 20px 20px rgba(0,0,0,0.1);
	-webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, box-shadow 0.3s, opacity 0.3s;
	transition: transform 0.3s, box-shadow 0.3s, opacity 0.3s;
	opacity: 0.9;
}
.more-detail-open div.itankgo-more:hover{
	box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}
.itankgo-more span:nth-of-type(1){
	line-height: 42px;
	font-size: 15px;
}
.itankgo-more span.more-click{
	background: url("../images/itango/itango-more-logo.gif") no-repeat center;
	float: right;
	width: 12px;
	height: 100%;
}
.more-detail{
	display: none;
	position: relative;
	margin-top: -24px;
	background-color: #e7e7e7;
	overflow: visible !important;
}

.itankgo-more:hover .more-click{
	-webkit-animation: skewYy 1.2s linear infinite;
	-o-animation: skewYy 1.2s linear infinite;
	animation: skewYy 1.2s linear infinite;
}

.itankgo-battery{
	height: 1324px;
	background: url("../images/itango/battery.jpg") center no-repeat;
}


.itankgo-safety{
	height: 1325px;
	background: url("../images/itango/safety.jpg") center no-repeat;
}

.itankgo-light{
	height: 1495px;
	background: url("../images/itango/light.jpg") center no-repeat;
}
.itankgo-design{
	height: 1838px;
	background: url("../images/itango/itango-design.gif") center no-repeat;
}

.itankgo-itankgo{
	height: 1095px;
	background: url("../images/itango/itango-logo.gif") center no-repeat;
}
.itankgo-itankgo2{
	height: 945px;
	background: url("../images/itango/honglanche.gif") center no-repeat;
}
.itankgo-itankgo3{
	height: 1032px;
	background: url("../images/itango/sumiao.gif") center no-repeat;
	margin-bottom: 22px;
}

.itango-list{
	width: 100%;
	max-height: 985px;
}
.itango-list >div{
	float: left;
}
.itango-list div{
	overflow: hidden;
}
.itango-list >div:hover{
	cursor: pointer;
}
.itango-list img{
	width: 100%;
	height: 100%;
}
.itango-col1{
	padding-right: 1.145%;
	width: 28.44%;
}
.itango-col1>div:nth-of-type(1){
	margin-bottom: 4.58%;
}
.itango-col2{
	margin-right: 1.145%;
	width: 27.73%;
	height: 100%;
}
.itango-col3{
	width: 42.68%;
}
.itango-col3>div{
	width: 100%;
}
.itango-col3>div:nth-of-type(1){
	margin-bottom: 2.48%;
}
.itango-col3>div:nth-of-type(2){
	width: 100%;
	overflow: hidden;
}
.itango-col3>div:nth-of-type(2) div{
	float: left;
}
.itango-col3>div:nth-of-type(2)>div:nth-of-type(1){
	margin-right: 2.5%;
	width: 47.8%;
}
.itango-col3>div:nth-of-type(2)>div:nth-of-type(2){
	width: 49.68%;
	height: 100%;
}


body{
	position: relative;
}
p{
	margin: 0;
}
.itango-list{
	width: 100%;
	max-height: 985px;
}


.img-detail{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 2001;
	top: 0;
	left: 0;
	display: none;
	background:#212021 url("../images/loading.gif") center no-repeat;
}
.img-detail img{
	display: block;
	margin: 0 auto;
	height: 100%;
}
#close_detail{
	position: absolute;
	font-size: 50px;
	font-weight: 500;
	color: #a3a3a3;
	right: 20px;
}
#close_detail:hover{
	cursor: pointer;
	color: #ffffff;
}
.hover{
	-webkit-transition: ease 0.3s;
	-moz-transition: ease 0.3s;
	-ms-transition: ease 0.3s;
	-o-transition: ease 0.3s;
	transition: ease 0.3s;

}
.hover:hover{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.more-detail .more-close-btn {
	top: -170px;
	z-index: 2;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-ms-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;
}
.more-detail.more-detail-open .more-close-btn {
	top: 60px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}
.more-detail-open .more-close-btn .module-trigger-icon {display: inline-block;}

.more-close-btn .module-trigger-icon {
	background: url(../images/itank/itankmoreclose.png) no-repeat center;
	background-size: 100%;
	margin: -120px auto 0 auto;
	opacity: 1;
	transition: margin 0.5s, opacity 1s;
	-ms-transition: margin 0.5s, opacity 1s;
	-webkit-transition: margin 0.3s, opacity 1s;
	display: none;
}
.itankgo-wrapper{
	max-width: 1024px;
	color: #ffffff;
	margin: 0 auto;
	text-align: center;
}
.itankgo-wrapper h2{
	font-family: "ArialBlack";
	font-size: 86px;
	line-height: 104px;
	font-style: normal;
	margin: 0;
}
.itankgo-wrapper p{
	font-family: "Arial_0";
	font-size: 18.8px;
	line-height: 26px;
	margin: 0;
}
.itankgo-power .itankgo-wrapper h2{
	margin-top: 430px;
}
.itankgo-power .itankgo-wrapper p{
	margin-top: 353px;
	padding-left: 2px;
}
.itankgo-battery .itankgo-wrapper h2{
	margin-top: 277px;
	font-size: 81px;
	text-indent: 34px;
}
.itankgo-battery .itankgo-wrapper p{
	margin-top: 474px;
}
.itankgo-safety .itankgo-wrapper h2{
	margin-top: 580px;
	font-size: 93px;
}
.itankgo-safety .itankgo-wrapper>p{
	margin-top: 55px;
	line-height: 32px;
	padding-left: 12px;
}

.itankgo-safety .itankgo-wrapper ul{
	font-style: normal;
	font-family:"Arial_0","Microsoft Yahei", "Helvetica Neue", Arial, sans-serif;
	font-size: 14px;
	margin-top: 38px;
	padding-left: 198px;
}
.itankgo-safety .itankgo-wrapper li{
	float: left;
	margin-right: 60px;
}
.itankgo-safety .itankgo-wrapper ul p:nth-of-type(1){
	font-size: 49px;
	line-height: 49px;
	vertical-align: super;
}
.itankgo-safety .itankgo-wrapper ul p:nth-of-type(2){
	font-size: 12px;
	line-height: 19px;
}
.itankgo-safety .itankgo-wrapper ul li sup{
	font-size: 14px;
	position: relative;
	padding-left: 5px;
	top: -26px;
}
.itankgo-safety .itankgo-wrapper ul li:nth-of-type(2) p:nth-of-type(2){
	padding-top: 10px;
	margin-left: -5px;
}
.itankgo-safety .itankgo-wrapper ul li:nth-of-type(3) p:nth-of-type(2){
	padding-top: 21px;
}
.itankgo-safety .itankgo-wrapper ul li:nth-of-type(4) p:nth-of-type(2){
	padding-top: 21px;
}
.itankgo-light  .itankgo-wrapper h2{
	margin-top: 989px;
	font-size: 62px;
	white-space: nowrap;
}
.itankgo-light  .itankgo-wrapper p{
	margin-top: 80px;
	line-height: 32px;
	padding-left: 46.8px;
}
.itankgo-design .itankgo-wrapper h2{
	margin-top: 128px;
	font-size: 58.14px;
	line-height: 74px;
	white-space: nowrap;
	color: #000000;
}
.itankgo-design .itankgo-wrapper p{
	margin-top: 68px;
	line-height: 32px;
	padding-left: 11px;
	color: #342b29;
}
@keyframes upDown {
	0%{
		transform: translateY(0);
	}
	40%{
		transform: translateY(-16px);
	}
	80%{
		transform: translateY(0);
	}
	100%{
		transform: translateY(0);
	}
}
@-webkit-keyframes upDown {
	0%{
		-webkit-transform: translateY(0);
	}
	40%{
		-webkit-transform: translateY(-16px);
	}
	80%{
		-webkit-transform: translateY(0);
	}
	100%{
		-webkit-transform: translateY(0);
	}
}
@keyframes skewYy {
	0%{
		transform: scaleY(1);
	}
	70%{
		transform: scaleY(1.2);
	}

	100%{
		transform: scaleY(1);
	}
}
@-webkit-keyframes skewYy {
	0%{
		-webkit-transform: scaleY(1);
	}
	70%{
		-webkit-transform: scaleY(1.2);
	}

	100%{
		-webkit-transform: scaleY(1);
	}
}
@keyframes btnSlideDown {
	from{
		top: -146px;
	}
	to{
		top: 60px;
	}
}
@-webkit-keyframes btnSlideDown {
	from{
		top: -146px;
	}
	to{
		top: 60px;
	}
}
@keyframes btnSlideUp {
	from{
		top: 60px;
	}
	to{
		top: -146px;
	}
}
@-webkit-keyframes btnSlideUp {
	from{
		top: 60px;
	}
	to{
		top: -146px;
	}
}

@keyframes bling {
	0%{
		opacity: 1;
	}
	50%{
		opacity: 0;
	}
}
@-webkit-keyframes bling {
	0%{
		opacity: 1;
	}
	50%{
		opacity: 0;
	}
}
@keyframes car {
	from{
		left: 100%;
	}
	to{
		left: 0;
	}
}
@-webkit-keyframes car {
	from{
		left: 100%;
	}
	to{
		left: 0;
	}
}
/*itango*/
.font{
	font-family: "Arial_0";
	color: #000000;
	text-align: center;
}
.font h2,
.font h3,
.font h4{
	font-family: "ArialBlack";
	margin: 0;
}
.detail-power{
	padding-bottom: 100px;
}
.detail-power>h3,.detail-battery>h3{
	height: 345px;
	line-height: 345px;
	font-size: 43px;
}
.detail-power>div:nth-of-type(1){
	position: relative;
	overflow: hidden;
}
.detail-power>div:nth-of-type(1) img{
	display: block;
	float: left;
	width: 100%;
	left: 0;
	top: 0;
}
.detail-power>div:nth-of-type(1) p{
	position: absolute;
	width: 100%;
	top: 18.7%;
	font-size: 20px;
	line-height: 35px;
	color: #ffffff;
}
.detail-power>div:nth-of-type(1) img:nth-of-type(2){
	position: absolute;
	-webkit-animation: bling 1.5s infinite alternate;
	-o-animation: bling 1.5s infinite alternate;
	animation: bling 1.5s infinite alternate;
}
.detail-power>div:nth-of-type(2){
	max-width: 1516px;
	margin: 84px auto;
	background-color: #ffffff;
}
.detail-power>div:nth-of-type(2)>div{
	float: left;
	width: 50%;
}
.detail-power>div:nth-of-type(2)>div img{
	width: 100%;
}
.detail-power>div:nth-of-type(2) h4{
	text-align: left;
	font-size: 25px;
	line-height: 25px;
	padding-left: 8.3%;
}
.detail-power>div:nth-of-type(2) p{
	text-align: left;
	font-size: 20px;
	padding-left: 8.3%;
	line-height: 36px;
	margin-top: 16px;
}
.detail-power>div:nth-of-type(2)>div:nth-of-type(1){
	padding-top: 18.8%;
}
.detail-power>div:nth-of-type(2)>div:nth-of-type(4){
	padding-top: 17.2%;
}
.detail-power>div:nth-of-type(3){
	position: relative;
}
.detail-power>div:nth-of-type(3) img{

	width:100%;
}
.detail-power>div:nth-of-type(3)>div{
	position: absolute;
	top: 23.5%;
	width: 100%;
	color: #ffffff;
}
.detail-power>div:nth-of-type(3)>div h4{
	font-size: 38px;
	line-height: 50px;
}
.detail-power>div:nth-of-type(3)>div p{
	font-size:19px;
	line-height: 47px;
}

.detail-battery>h3{
	background-color: #ffffff;
}
.detail-battery>div:nth-of-type(1){
	position: relative;
	background-color: #202023;
	padding-bottom: 120px;
}
.detail-battery>div:nth-of-type(1)>p{
	color: #ffffff;
	padding: 6.9% 0 88px;
	line-height: 34px;
	font-size: 20px;
}
.detail-battery>div:nth-of-type(1)>img:not(:last-child){
	margin-right: 130px;
}
.detail-battery>div:nth-of-type(2){
	background-color: #e60020;
	color: #ffffff;
}
.detail-battery>div:nth-of-type(2) .squared-bg:nth-of-type(1){
	padding: 17.3% 3.9% 0;
}
.detail-battery>div:nth-of-type(2) .squared-bg:nth-of-type(2){
	padding: 17.3% 5.7% 0;
}
.detail-battery>div:nth-of-type(4) .squared-bg h4,
.detail-battery>div:nth-of-type(2) .squared-bg h4{
	font-size: 24px;
	line-height: 68px;
	white-space: nowrap;
}
.detail-battery>div:nth-of-type(4) .squared-bg p,
.detail-battery>div:nth-of-type(2) .squared-bg p{
	font-size: 19px;
	word-wrap: break-word;
	line-height: 34px;
}
.detail-battery>div:nth-of-type(3){
	background-color: #ffffff;
	padding-bottom: 104px;
}
.detail-battery>div:nth-of-type(3) h4{
	font-size: 49px;
	line-height: 126px;
	margin-top: 98px;
	padding-top: 3.2%;
}
.detail-battery>div:nth-of-type(3) p{
	font-size: 20px;
	line-height: 34px;
	max-width: 853px;
	margin: 0 auto 104px;
}
.detail-battery>div:nth-of-type(3) img{
	max-width: 100%;
}

.detail-battery>div:nth-of-type(4){
	background-color: #ffffff;
}
.detail-battery>div:nth-of-type(4) .squared-bg:nth-of-type(1){
	padding: 17% 5.5% 0;
}
.detail-battery>div:nth-of-type(4) .squared-bg:nth-of-type(2){
	padding: 17% 5.5% 0;
}
.detail-safety>h3{
	height: 340px;
	line-height: 340px;
	font-size: 60px;
	background-color: #ffffff;
}
.detail-safety>div:nth-of-type(1){
	position: relative;
}
.detail-safety>div:nth-of-type(1) >div{
	position: absolute;
	top: 13.7%;
	left: 24.8%;
	max-width: 572px;
	color: #ffffff;
}
.detail-safety h4{
	font-size: 25px;
	line-height: 30px;
}
.detail-safety p{
	font-size: 19px;
	line-height: 34px;
	margin-top: 28px;
}
.detail-safety>div:nth-of-type(4) img,
.detail-safety>div:nth-of-type(3) img,
.detail-safety>div:nth-of-type(2) img,
.detail-safety>div:nth-of-type(1) img:nth-of-type(1){
	width: 100%;
}
.detail-safety>div:nth-of-type(1) img:nth-of-type(2){
	position: absolute;
	width: 42.86%;
	bottom: 3.6%;
	right: 9.63%;
	-webkit-animation: upDown 2s infinite;
	-o-animation: upDown 2s infinite;
	animation: upDown 2s infinite;
}
.detail-param>div,
.detail-design>div,
.detail-light>div,
.detail-safety>div{
	position: relative;
	text-align: left;
	color: #ffffff;
}
.detail-safety>div:nth-of-type(2){
	margin: 84px auto;
}
.detail-safety>div:nth-of-type(2)>div p{
	margin-top:34px;
}
.detail-safety>div:nth-of-type(2)>div {
	position: absolute;
	width: 560px;
	top: 21.3%;
	left: 46.8%;
	color: #000;
}
.detail-safety>div:nth-of-type(3){
	padding-bottom: 84px;
}
.detail-safety>div:nth-of-type(3)>div {
	position: absolute;
	text-align: center;
	width: 536px;
	top: 34%;
	left: 50%;
	margin-left: -310px;
}
.detail-safety>div:nth-of-type(4){
	padding-bottom: 84px;
	color: #000;
}
.detail-safety>div:nth-of-type(4)>div {
	position: absolute;
	width: 542px;
	top: 21.75%;
	left: 9.4%;
}
.detail-safety>div:nth-of-type(5){
	padding-bottom: 84px;
}
.detail-safety>div:nth-of-type(5)>div {
	position: absolute;
	top: 27.9%;
	left: 25.83%;
	max-width: 560px;
}
.detail-light{
	padding-bottom: 100px;
}
.detail-param img,
.detail-design img,
.detail-light img{
	max-width: 100%;
}
.detail-light >div:nth-of-type(1){
	text-align: center;
	color: #2f2725;
	overflow: hidden;
	background-color: #fff;
	margin: 0 auto;
	padding-bottom: 90px;
}
.detail-param>div:nth-of-type(1) h3,
.detail-design>div:nth-of-type(1) h3,
.detail-light >div:nth-of-type(1) h3{
	font-size: 39px;
	line-height: 74px;
}
.detail-light >div:nth-of-type(1) h3:nth-of-type(1){
	margin-top: 107px;
}
.detail-light >div:nth-of-type(1) h3:nth-of-type(2){
	margin-top: 30px;
}
.detail-param>div:nth-of-type(1) p,
.detail-design>div:nth-of-type(1) p,
.detail-light >div:nth-of-type(1) p{
	line-height: 34px;
	font-size: 19px;
}
.detail-light>div:not(:first-child):not(:last-child){
	margin-bottom: 84px;
}
.detail-light>div:nth-of-type(3) div{
	position: absolute;
	top: 44.92%;
	left: 25.94%;
}


.detail-light h4{
	font-size: 25px;
	line-height: 82px;
}
.detail-light p{
	font-size: 19px;
	line-height: 19px;
}
.detail-light>div:nth-of-type(4) img:nth-of-type(2){
	position: absolute;
	top: 0;
	-webkit-animation: bling 2s infinite;
	-o-animation: bling 2s infinite;
	animation: bling 2s infinite;
}
.detail-light>div:nth-of-type(4) div{
	position: absolute;
	text-align: center;
	width: 100%;
	top: 8.4%;
}
.detail-design{
	padding-bottom: 100px;
}
.detail-design>div:nth-of-type(1){
	text-align: center;
	color: #000000;
	background-color: #fff;
}
.detail-design>div:nth-of-type(1) h3{
	padding-top: 110px;
}
.detail-design>div:nth-of-type(1) p:nth-of-type(1){
	margin-top: 10px;
}
.detail-design>div:nth-of-type(1) p:nth-of-type(2){
	margin-top: 0;
	padding-bottom: 80px;
}
.detail-design>div>div{
	position: absolute;
}
.detail-design h4{
	font-size: 26px;
	line-height: 34px;
}
.detail-design p{
	font-size: 20px;
	line-height: 34px;
	margin-top: 28px;
}
.detail-design>div:nth-of-type(3)>div{
	top: 9.6%;
	text-align: center;
	max-width: 690px;
	left: 50%;
	margin-left: -345px;
}
.detail-design>div:nth-of-type(4)>div{
	top: 8.1%;
	text-align: center;
	color: #000000;
	max-width: 690px;
	left: 50%;
	margin-left: -345px;
}
.detail-design>div:nth-of-type(5)>div{
	top: 8.6%;
	text-align: center;
	max-width: 484px;
	word-break: break-all;
	left: 48.3%;
}
.detail-design>div:nth-of-type(6)>div{
	top: 17.5%;
	color: #000000;
	max-width: 420px;
	left: 26%;
}
.detail-design>div:nth-of-type(7)>div{
	top: 10.5%;
	left: 50%;
	margin-left: -436px;
	text-align: center;
	max-width: 872px;
}
.detail-design>div:nth-of-type(7)>div p{
	margin-top: 34px;
}

.itankgo-itankgo3 .itankgo-more{
	border: 1px solid #828282;
}
.detail-param{
	background-color: #ffffff;
	padding: 72px 0 0;
}
.detail-param>div:nth-of-type(1)>div{
	max-width: 873px;
	height: 690px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}
@media all and (max-width:768px ){
	.detail-param>div:nth-of-type(1)>div{
		height: 300px;
	}
	#param_img img{
		padding-left: 12px;
	}
}
.detail-param>div:nth-of-type(1)>div img{
	position: absolute;
	top: 0;
	left: 100%;
	/*-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;*/

}
.detail-param>div:nth-of-type(1)>div img.active{
	left: 0;
	-webkit-animation: car 1s;
	-o-animation: car 1s;
	animation: car 1s;
}
.detail-param>div:nth-of-type(1)>h3{
	padding-top: 40px;
	text-align: center;
}
.detail-param>div:nth-of-type(1)>ul{
	width: 320px;
	height: 42px;
	margin: 33px auto 56px;
	padding-left: 25px;
}
.detail-param>div:nth-of-type(1)>ul li{
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 2px solid #e6e4e4;
	margin-right: 19px;
	cursor: pointer;
}

.detail-param li:nth-of-type(1){
	background-color: #ffffff;
}
.detail-param li:nth-of-type(2){
	background-color: #2f2725;
}
.detail-param li:nth-of-type(3){
	background-color: #e60020;
}
.detail-param li:nth-of-type(4){
	background-color: #405fb7;
}
.detail-param li:nth-of-type(5){
	background-color: #aef323;
}
.detail-param>div:nth-of-type(1)>ul li.active{
	border: 2px solid rgb(171, 171, 171);;
}
.detail-param>div:nth-of-type(2){
	text-align: center;
	border-top: 1px;
}
.detail-param>div:nth-of-type(2) img{
	border-top: 1px solid #999999;
}
.squared{
	margin: 84px auto 100px;
	max-width: 1520px;
	overflow: hidden;
}
.squared>div{
	width: 100%;
}
.squared>div>div{
	width: 50%;
	float: left;
	position: relative;
}
.squared>div>div>img{
	width: 100%;
}
.squared>.squared-bg{
	color: #ffffff;
}
.squared .squared-bg h4,.squared .squared-bg p{
	text-align: left;
}
@media all and (max-width: 1400px){
	.detail-safety>div:nth-of-type(1) >div{
		left: 9.8%;
	}
	.detail-safety>div:nth-of-type(2)>div {
		left: 50.8%;
	}
	.detail-light>div:nth-of-type(3) div{
		left: 16.94%;
	}
	.detail-design>div:nth-of-type(6)>div{
		left: 14%;
	}
	.detail-design>div:nth-of-type(5)>div{
		left: 54.3%;
		top: 14%;
	}
}
/*itango*/
@media all and (max-width: 970px){
	.img-detail img {
		height: auto;
		width: 100%;
		position: relative;
		top: 35%;
	}
	.itankgo-nav {
		margin-top: 210px;
		margin-left: -100px;
		width: 500px;
		transform: scale(0.4);
	}
	.itankgo-wrapper h2 {
		font-size: 32px !important;
	}
	.itankgo-wrapper p {
		font-size: 12.8px !important;
		line-height: 15px !important;
	}
	div.itankgo-more {
		bottom: 10px;
		transform: scale(0.5);
	}
	.itankgo-more span:nth-of-type(1) {
		transform: scale(2);
	}
	.itankgo-power {
		background-size: 180%;
		height: 435px;
	}
	.itankgo-power .itankgo-wrapper h2 {
		margin-top: 10px;
	}
	.itankgo-power .itankgo-wrapper p {
		margin-top: 98px;
		padding:0 40px;
	}
	.itankgo-battery {
		background-size: 180%;
		height: 435px;
	}
	.itankgo-battery .itankgo-wrapper h2 {
		margin-top: 10px;
		text-indent: -0.3em;
	}
	.itankgo-battery .itankgo-wrapper p {
		margin-top: 80px;
		padding: 0 80px;
	}
	.itankgo-safety {
		background-size: 180%;
		height: 435px;
	}
	.itankgo-safety .itankgo-wrapper h2 {
		margin-top: 20px;
		line-height: normal;
	}
	.itankgo-safety .itankgo-wrapper p {
		margin-top: 70px;
		padding: 0px 30px;
	}
	.itankgo-light {
		background-size: 180%;
		height: 435px;
	}
	.itankgo-light .itankgo-wrapper h2 {
		margin-top: 46px;
		line-height: normal;
		white-space: normal;
	}
	.itankgo-light .itankgo-wrapper p {
		margin-top: 138px;
		padding: 0px 30px;
	}
	.itankgo-design {
		background-size: 167%;
		height: 435px;
	}
	.itankgo-design .itankgo-wrapper h2 {
		margin-top: 10px;
		line-height: 27px;
		white-space: normal;
		font-size: 26px !important;
	}
	.itankgo-design .itankgo-wrapper p {
		margin-top: 108px;
		padding: 0px 30px;
	}
	.itankgo-itankgo {
		background-size: 163%;
		height: 344px;
	}
	.itankgo-itankgo2 {
		background-size: 163%;
		height: 344px;
	}
	.itankgo-itankgo3 {
		background-size: 163%;
		height: 344px;
	}
	.itankgo-banner{
		height: 300px;
	}
	.itankgo-banner>div {
		background-size: 163% !important;
		margin-top: 20px;
	}
}